// @flow
import React, { Component } from 'react'
import styles from './DeviceToolBar.css'
import { Input, Button } from 'antd'
type Props = {}
class DeviceToolBar extends Component {
  props: Props
  render () {
    return (
      <div className={styles['tool-bar']}>
        <div className={styles['tool-bar-item']}>
          <span className={styles['tool-bar-item-label']}>设备编号:</span>
          <Input placeholder='请输入设备编号' style={{ width: '60%' }} />
        </div>
        <div className={styles['tool-bar-item']}>
          <span className={styles['tool-bar-item-label']}>设备类型:</span>
          <Input placeholder='请输入设备类型' style={{ width: '60%' }} />
        </div>
        <div className={styles['tool-bar-item']} >
          <span className={styles['tool-bar-item-label']}>客户名称:</span>
          <Input placeholder='请输入客户名称' style={{ width: '60%' }} />
        </div>
        <div className={styles['tool-bar-item']}>
          <span className={styles['tool-bar-item-label']}>设备名称:</span>
          <Input placeholder='请输入设备名称' style={{ width: '60%' }} />
        </div>
        <div className={styles['tool-bar-item']} style={{ width: '40px' }}>
          <Button icon='search' />
        </div>
      </div>
    )
  }
}

export default DeviceToolBar
